<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="format-detection" content="telephone=no" />
		<link rel="shortcut icon" href="images/logo.ico" />
		<title>闪度生活</title>
		<meta name="keywords" content=" " />
		<meta name="description" content=" " />

		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
		<link rel="stylesheet" type="text/css" href="css/style.css">

		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/jquery-ui.min.js"></script>
		<script src="js/easing.js"></script>
		<script src="js/swiper-3.4.1.min.js"></script>
		<script src="js/index.js"></script>
		<script src="js/main.js"></script>

		<script src="./js/vue.js"></script>
		<script src="./js/axios.min.js"></script>
		<script src="./js/axios-config.js"></script>
		<script src="./js/js.cookie.js"></script>
		<script src="./js/utils.js"></script>

	</head>
	<div id="app">

		<div class="search1_show">
			<div class="search1_show_bg"></div>
			<div class="search1_show_con">
				<input type="text" placeholder="请输入要评论内容...(限80字)">
				<div class="search1_show_con_f1">
					<a href="##">搜索</a>
				</div>
			</div>
		</div>

		<body class="body_bg1">

			<!--  / header  -->
			<div class="stroy_rhead">
				<a href="javascript:history.go(-1)" class="back">
					<img src="images/hl.png"> 返回
				</a>
				<h5>当前排名</h5>
				<a class="offside offside1" href="##"><img src="images/search.png" width="40%"></a>
			</div>

			<!--  / header  -->
			<!--  / warpper  -->
			<div class="bigStage_ranking">
				<div class="rank_table1">

					<table>
						<tr >
							<th width="30%">
								活动编号
							</th>
							<th width="30%">
								名称
							</th>
							<th width="20%">
								当前票数
							</th>
							<th width="20%">
								当前名次
							</th>
						</tr>
						<tr :class="index % 4==0?'bg1':(index % 4==1?'bg2':(index % 4 == 2 ? 'bg3':'bg4'))" v-for="(pm,index) in Ranking">
							<td>{{pm.number}}</td>
							<td>{{pm.name}}</td>
							<td class="num1">{{pm.vote}}</td>
							<td class="num2">{{pm.ranking}}</td>
						</tr>
						<!--<tr class="bg2">
							<td>000062</td>
							<td>人1</td>
							<td class="num1">0</td>
							<td class="num2">1</td>
						</tr>
						<tr class="bg3">
							<td>000063</td>
							<td>人1</td>
							<td class="num1">0</td>
							<td class="num2">1</td>
						</tr>
						<tr class="bg4">
							<td>000064</td>
							<td>人1</td>
							<td class="num1">0</td>
							<td class="num2">1</td>
						</tr>-->

					</table>
				</div>
			</div>
			<!--  / warpper  -->

			<!--  / footer  -->
			<!--  / footer  -->
	</div>
	</body>
	<script>
		$(window).ready(function() {
			var vm = new Vue({
				el: "#app",
				data() {
					return {
						Ranking: [],
						stage_deploy_ids: {
							stage_deploy_id: ''
						}
					}
				},
				created: function() {
					var $this = this;
					$this.getRanking();
					$this.stage_deploy_ids.stage_deploy_id = getCookie('stage_deploy_id');
				},
				mounted: function() {

				},
				methods: {
					//排名
					getRanking: function() {
						var $this = this;
						const data = {
							type: 1
						}

						Axios.post(window.Url.activityRanking, $this.stage_deploy_ids).then((res) => {

							if(res.result == 1) {
								$this.Ranking = res.info.stage
							} else {
								console.log('大舞台活动排名：'+res);
							}

						}).catch((err) => {
							console.log('大舞台活动排名：'+err);
						})
					},
				}
			})

			$(window).load(function() {
				$('.offside').click(function() {
					$('.search1_show').css('display', 'block');
				})
				$('.search1_show_con_f1').click(function() {
					$('.search1_show').css('display', 'none');
				})
			})

			$(window).resize(function() {

			})
		})
	</script>

</html>